<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
	<title>vue 版价格日历</title>
	<link rel="stylesheet" href="./css/tg_mobile_reset.css">
	<style>
		html {font-size: 20px;}
		.week-wrap {width: 100%;margin-top: 0.5rem;}
		.week-wrap>li {float: left;width: 14.28%;text-align: center;font-size: 0.8rem;}
		#zc-month-wp>ul>li {display: flex;display: -webkit-flex;flex-direction: row;-webkit-flex-direction:row;}
		.month-title {width: 100%;text-align: center;font-size: 0.8rem;padding: 0.5rem 0;}
		.zc-week>.zc-day {/*float:left;*/width:14.28%;text-align:center;font-size:0.7rem;margin: 0.2rem 0;min-height: 2.5rem;padding:0.2rem 0.1rem;}
		.zc-week>.zc-day.curr-day {background-color: #13ae67;color: #fff;cursor: pointer;border-radius: 0.2rem;}
		.zc-data {font-size: 0.5rem;}
	</style>
	<script src="./lib/vue.min.js"></script>
	<script src="./lib/vue-resource.min.js"></script>
</head>
<body>
	<div id="zc-calendar">
		<div id="zc-week-header">
			<ul class="clearfix week-wrap">
				<li>日</li>
				<li>一</li>
				<li>二</li>
				<li>三</li>
				<li>四</li>
				<li>五</li>
				<li>六</li>
			</ul>
		</div>
		<div id="zc-month-wp">
			
		</div>
	</div>












	<script>

		var app = new Vue({
			el:'zc-calendar',

		})

	
		
	</script>
</body>
</html>